<!DOCTYPE html>
<html>
<head>
<link rel="icon" href="data:,">
<title>Edit Config</title>
<meta charset="utf-8">

<style>
h1 {font-size: 2em;}
h2 {font-size: 1.5em; margin-block-start: 0.0em; margin-block-end: 0.2em;}
h3 {font-size: 1.2em;}
p {font-size: 1em;}

.button {
	padding: 5px 20px;
    width: 211px;
	font-size: 16px;	
}

textarea {
	font-size: 14px;
}
</style>

</head>

<body style="font-family: arial; padding: 0px 10px;">
 
<table>
    <tr><td><h2>Config.ini:</h2></td></tr>
    <tr>
        <td colspan="3">
            <textarea id="inputTextToSave" cols="100" rows="33"></textarea>
        </td>
    </tr>
    <tr>
		<td><button class="button" onclick="saveTextAsFile()">Update Config.ini</button></td>
	</tr>
	<tr>
		<td><button class="button" id="reboot" type="button" onclick="doReboot()">Reboot to activate updates</button></td>
	</tr>
</table>

<script type="text/javascript" src="./gethost.js"></script> 
<script type="text/javascript" src="./readconfigcommon.js"></script>  
 
<script type="text/javascript">
	var canvas = document.getElementById('canvas'),
		basepath = "http://192.168.178.26"; 


function LoadConfigNeu() {
	basepath = getbasepath();  
    loadConfig(basepath); 	
	document.getElementById("inputTextToSave").value = getConfig();
	}

function saveTextAsFile()
{
	if (confirm("Are you sure you want to update \"config.ini\"?")) {
		FileDeleteOnServer("/config/config.ini", basepath);
		var textToSave = document.getElementById("inputTextToSave").value;
		FileSendContent(textToSave, "/config/config.ini", basepath);
		alert("Config.ini is updated!")
	}
}

function doReboot() {
	if (confirm("Are you sure you want to reboot the ESP32?")) {
		var stringota = "/reboot";
		window.location = stringota;
		window.location.href = stringota;
		window.location.assign(stringota);
		window.location.replace(stringota);
	}
}

 
LoadConfigNeu();
 
</script>
 
</body>
</html>